<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>首页</title>
    <include file="Public:headhtml"/>
    <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
    <script type="text/javascript">
        var obj = new WxLogin({
            id:"wx",
            appid: "<{$Think.config.APP_ID}>",
            scope: "snsapi_login",
            redirect_uri: "http://<{$Think.config.APP_DOMAIN}>/Users/information",
            state: "huashen",
            style: "black",
            href: ""
        });
    </script>
</head>

<body>
<include file="Public:head"/>
<!--头图开始-->
<div class="top_pic middle " style="height:480px;">
    <a href="#"><img src="/Static/images/sybj.jpg" class="position_r"/></a>

    <div class="centern middle position_r">

        <!--二维码开始-->
        <div class="qr_top position_a">
            <li class="qr_t1">正在直播的课程：化学金属的化学性质</li>
            <ul class="qr_ul">
                <li><a href="javascript:void(0);" class="qr_t2">账号登录</a></li>
                <!--<li>-->
                    <!--<a href="https://open.weixin.qq.com/connect/qrconnect?appid=<{$Think.config.APP_ID}>&redirect_uri=http://<{$Think.config.APP_DOMAIN}>/Users/information&response_type=code&scope=snsapi_login&state=huashen#wechat_redirect"-->
                       <!--class="">微信登录</a></li>-->
                <li><a href="javascript:void(0);">微信登录</a> </li>

                <div class="clean_game"></div>
            </ul>
            <div class="tab">
                <!--账号开始-->
                <ul class="account_wx">
                    <form action="/Users/LoginByPhone" method="post">
                        <ul class="account_ul">
                            <li class="position_r">
                                <input name="phone" type="text" placeholder="手机号" id="phone"
                                       style="border-bottom:1px solid #ccc;"/>
                                <a href="javascript:void(0);" class="account_t1 position_a" id="send">获取验证码</a>
                                <a href="javascript:void(0);" class="account_t3 position_a" style="display: none;"
                                   id="resend">30秒重新发送</a>
                            </li>
                            <li><input name="code" placeholder="验证码" type="text"/></li>

                        </ul>

                        <li class="account_t2">
                            <input type="submit" value="登录" class="btn"/>
                        </li>
                    </form>

                </ul>
                <!--账号结束-->
                <!--微信开始-->
                <ul class="qr_wx" id="wx" style=" width:252px; height:252px;display:none">
                    <!--<li class="qr_pic"><img src="/Static/images/weixin.png" class="position_r"/></li>-->
                    <!--<li class="qr_pic2">微信扫码 进入免费直播课堂</li>-->
                </ul>
                <!--微信结束-->
            </div>

        </div>
        <!--二维码结束-->

    </div>
</div>
<!--头图结束-->
<!--中间开始-->
<div class="center middle">
    <div class="shortages middle">
        <!--内容开始-->

        <!--通知开始-->
        <div class="notice">
            通知：11111
        </div>
        <!--通知结束-->
        <!--图文1开始-->
        <div class="recently" style="margin-top:20px;">
            <!--循环开始-->
            <foreach name="news" item="vo" key="key">
                <if condition="$key lt  3">

                    <ul class="characteristic_loop left">
                        <li class="characteristic_t1"><{$vo.title}></li>
                        <li class="characteristic_t2"><a href="/News/detail/id/<{$vo.id}>"><img
                                src="<{$vo.image|default="/Static/images/index_12.jpg"}>" width="360" height="120"
                            class="position_r"/></a></li>
                        <li class="characteristic_t3"><{$vo.description}></li>
                    </ul>
                </if>
            </foreach>
            <!--循环结束-->


            <div class="clean_game"></div>
        </div>
        <!--图文1结束-->

        <!--图文2开始-->
        <div class="recently">
            <!--标题开始-->
            <ul class="recently_ul">
                <li class="recently_ut1 left">近期课程</li>
                <li class="recently_ut2 right position_r">
                    <a href="/" id="tid0">全部</a>
                    <foreach name="subjectsList" item="vo">
                        <a href="/Index/index/tid/<{$vo.id}>" id="tid<{$vo.id}>" style="margin: 0 5px"><{$vo.name}></a>
                    </foreach>
                </li>
                <div class="clean_game"></div>
            </ul>
            <!--标题结束-->
            <!--内容开始-->
            <div class="recently_nr">
                <!--循环开始-->
                <foreach name="roomList" item="vo">
                    <ul class="recently_loop left">
                        <li class="position_r recently_lt1"><a href="/Online/play/id/<{$vo.id}>"><img
                                src="<{$vo.image}>" width="270" height="160"/></a>
                            <if condition="$vo['status'] eq 0">
                                <span class="recently_t1 position_a"><{$vo.beginTime|date='Y-m-d h:I:s',###}> 开播</span>
                                <else/>
                                <span class="recently_t2 position_a">正在直播</span>
                            </if>
                            <a href="/Online/play/id/<{$vo.id}>"><img src="/Static/images/hua_37.png"
                                                                      class="recently_t6 position_a"/></a></li>
                        <li class="recently_t3"><a href="/Online/play/id/<{$vo.id}>"><{$vo.name}></a></li>
                        <li class="recently_t4"><a href="/Online/play/id/<{$vo.id}>"><{$vo.teacher.name}>
                            <{$vo.teacher.levelTitle}> <{$vo.teacher.school}></a></li>
                    </ul>
                </foreach>
                <!--循环结束-->


                <div class="clean_game"></div>
            </div>
            <!--内容结束-->


        </div>
        <!--图文2结束-->

        <!--图文3开始-->
        <div class="recently">
            <!--标题开始-->
            <ul class="recently_ul">
                <li class="recently_ut1 left">使用操作帮助</li>

                <div class="clean_game"></div>
            </ul>
            <!--标题结束-->
            <!--内容开始-->
            <div class="recently_nr">
                <!--循环开始-->
                <foreach name="news" item="vo" key="key">
                    <if condition="$key gt  2">

                        <ul class="characteristic_loop left">
                            <li class="characteristic_t2"><a href="/News/detail/id/<{$vo.id}>"><img
                                    src="<{$vo.image|default="/Static/images/index_12.jpg"}>" width="360" height="120"
                                class="position_r"/></a></li>
                        </ul>
                    </if>
                </foreach>

                <!--循环结束-->
                <div class="clean_game"></div>
            </div>
            <!--内容结束-->
            <div class="clean_game"></div>
        </div>
        <!--图文3结束-->
        <!--图文3开始-->
        <div class="recently">
            <!--标题开始-->
            <ul class="recently_ul">
                <li class="recently_ut1 left">在线交流</li>
                <div class="clean_game"></div>
            </ul>
            <!--标题结束-->
            <!--内容开始-->
            <div class="recently_nr">
                <!--循环开始-->
                <ul class="recently_loop2 left">
                    <li><a href="#"><img src="/Static/images/index_10.jpg" class="shortages_pic"/></a></li>
                    <li class="recently_t3">近期课</li>
                    <li class="recently_t7">近期课</li>
                    <li class="recently_t8"><a href="#">向我提问</a></li>
                </ul>
                <ul class="recently_loop2 left">
                    <li><a href="#"><img src="/Static/images/index_10.jpg" class="shortages_pic"/></a></li>
                    <li class="recently_t3">近期课</li>
                    <li class="recently_t7">近期课</li>
                    <li class="recently_t8"><a href="#">向我提问</a></li>
                </ul>
                <ul class="recently_loop2 left">
                    <li><a href="#"><img src="/Static/images/index_10.jpg" class="shortages_pic"/></a></li>
                    <li class="recently_t3">近期课</li>
                    <li class="recently_t7">近期课</li>
                    <li class="recently_t8"><a href="#">向我提问</a></li>
                </ul>
                <ul class="recently_loop2 left">
                    <li><a href="#"><img src="/Static/images/index_10.jpg" class="shortages_pic"/></a></li>
                    <li class="recently_t3">近期课</li>
                    <li class="recently_t7">近期课</li>
                    <li class="recently_t8"><a href="#">向我提问</a></li>
                </ul>
                <ul class="recently_loop2 left">
                    <li><a href="#"><img src="/Static/images/index_10.jpg" class="shortages_pic"/></a></li>
                    <li class="recently_t3">近期课</li>
                    <li class="recently_t7">近期课</li>
                    <li class="recently_t8"><a href="#">向我提问</a></li>
                </ul>
                <!--循环结束-->


                <div class="clean_game"></div>
            </div>
            <!--内容结束-->


        </div>
        <!--图文3结束-->

        <!--内容结束-->
    </div>
</div>

<script type="text/javascript">
    var tid = "<{$tid}>";
    $("#tid" + tid + "").addClass("recently_ut3");

</script>
<script type="text/javascript">
    var countdown = 30;
    $("#send").click(function () {
        if ($("#phone").val() == "") {
            alert("请填写手机号");
        } else {
            alert("验证码为123456");
            $("#resend").show();
            timeout(countdown);
        }

    })
    function timeout(time) {
        setTimeout(function () {
            $("#resend").html("" + time + "秒重新发送");
            time--;
            if (time != 0) {
                timeout(time);
            } else {
                $("#resend").hide();
            }

        }, 1000)
    }

</script>
<!--中间结束-->
<include file="Public:footer"/>
<script type="text/javascript">
    $(function(){
        $(".qr_ul li").click(function(){
            $(".qr_ul li").children("a").removeClass("qr_t2");
            $(this).children("a").addClass("qr_t2");
            var shuzhi=$(".qr_ul li").index(this);
            $(".tab>ul").eq(shuzhi).show().siblings().hide();

        });
    });
</script>

</body>
</html>
